<template>
	<div>
		<el-container class="home" >
				<el-aside style="width:225px">
					<div class="smp_panel" style="padding: 0;">
				
						<div class="smp_panel_body" style="height:172px;margin:0;padding: 0;">
							<systemNum/>
						</div>
					</div>
				
					<div class="smp-search smp_panel" style="margin-top:14px">
						<div class="smp_panel_body" style="height:172px;margin:0;padding: 0;">
							<serviceNum></serviceNum>
						</div>
					</div>
				</el-aside>
				<el-main style="padding:0">
					<el-row>
						<el-col :span="8">
							<div class="smp-search smp_panel" style="margin-left:15px">
								
								<div class="smp_panel_header" >
									<div class="smp_panel_pre"></div>
									<div class="smp_panel_title">TOP10服务数的内联系统</div>
								</div>
								
								<div class="smp_panel_body" style="height:319px;margin-top:0;padding:0;overflow: hidden;">
									<esbTop10/>
									</div>
									</div>
							
						</el-col>
						<el-col :span="8">	<div class="smp-search smp_panel" style="margin-left:15px">
								
								<div class="smp_panel_header" >
									<div class="smp_panel_pre"></div>
									<div class="smp_panel_title">TOP10服务数的外联系统</div>
								</div>
								
								<div class="smp_panel_body" style="width: 100%;height:319px;margin-top:0;padding:0;overflow: hidden;">
									<oesbTop10></oesbTop10>
									</div>
									</div></el-col>
						<el-col :span="8">	<div class="smp-search smp_panel" style="margin-left:15px">
								
								<div class="smp_panel_header" >
									<div class="smp_panel_pre"></div>
									<div class="smp_panel_title">待办任务列表</div>
									<div class="smp-panel_option">
										<!-- <el-button size="mini" plain type="primary" @click="addRole">
											<i class="el-icon-circle-plus-outline"></i>
											新增</el-button> -->
											<el-link :underline="false" type="info" href="#/main/taskManage">更多</el-link>
									</div> 
								</div>
								
								<div class="smp_panel_body" style="width: 100%;height:319px;margin-top:0;padding:0;overflow: hidden;">
									<myTask></myTask>
									</div>
									</div></el-col>
					</el-row>
				</el-main>
		</el-container>
		<div style="height:440px;margin-top: 15px;background-color: #FFF;min-width:1370px;border:1px solid #E8EAEC">
			<system />
		</div>
		
		
	</div>
</template>

<script>
	
	"use strict";
	import esbTop10 from './components/esbTop10'
	import oesbTop10 from './components/oesbTop10'
	import myTask from './components/myTask'
	import system from './components/system'
	import systemNum from './components/systemNum'
	import serviceNum from './components/serviceNum'
	
	export default {
		data() {
			return {
			};
		},
		
		
		components: {
			esbTop10,
			oesbTop10,
			myTask,
			system,
			systemNum,
			serviceNum
		},

		created() {
		},
		methods: {
		},
	}
</script>

<style>
	
	.home{
		 margin-top:15px;
	}
	
	.home .smp_panel > .smp_panel_header {
	  border-bottom: 1px solid #E8EAEC;
	  --padding: 5px 8px;
	  line-height: 40px;
	  height: 40px;
	 
	}
	.home .smp_panel{
		margin-top:0px;
	}
	
</style>